<extend name="Public/detail_index"/>
<block name="pageHeader">
    <include file="Public/header.channel" channel="订单详情"/>
</block>
<block name="pageContent">
    <style>
        a:hover{color: #333;}
        .list_left{width: 12em;float: left}
        .list_left img{width: 100%;}
        .list_right{position: relative;padding-left:12.5em; height: 7em}
        .list_right .text_one{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_two{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            overflow-x: hidden;
            overflow-y: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_three{
            margin: 0;
            display: inline;
            color: #f93;
            font-size: 13px;
            line-height: 20px;
            float: left;
            position: absolute;
            bottom: -3px;
            left: 11.5em;
        }
        .list_right .text_tip{
            padding: 4px;
            color: #f93;
            font-size: 12px;
            border: 1px solid #f93;
            border-radius: 2px;
            background: #fff7ef;
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0;
            line-height: 12px;
        }
        .list_right h3{font-size: 1.2em;font-weight: bold;max-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .list-box1{padding: 1em;}
        .list-box{margin-top: 1em;position: relative;border-top: none;}
        .title-txt{font-size: 1.4em;padding: .5em 1em;background-color: #fff;}

        .foot_btn{margin-top: 1em;padding:3em 1em;text-align: left;background-color:#fff }
        .foot_btn a{margin: 0 1em;
            font-weight: bold;display: inline-block;width: 6em;height: 2.5em;line-height: 2.5em;background-color: #e0e0e0;text-align: center;border-radius: .5em;}
    </style>
    <if condition="$order[0]['type'] eq 2"> <else/>
    <div class="title-txt"> 报名人信息{$order[0].type} <span style="float: right">{$order[0]['ticket_name']}（{$order[0]['ticket_phone']}）</span></div>
    </if>
    <div class="list-box">
            <a href="<if condition="$order[0]['type'] eq 1">{:U('Order/details',array('pid'=>$order[0]['active_id']))}<else/>#</if>">
                <dl class="clearfix list-box1">
                    <dt class="list_left">
                        <img src="{$order[0]['active_img']}" alt="">
                    </dt>
                    <dd class="list_right">
                        <h3>
                            <span>{$order[0]['active_name']}</span>
                        </h3>
                        <if condition="$order[0]['type'] eq 2">
                            <p class="text_one">普通用户升级为初级会员</p>
                            <else/>
                        <p class="text_one">时间：{:date('m月d日 H:i',$active[0]['start_time'])} 开始</p>
                        </if>
                        <p class="text_two"> {$active[0]['address']}</p>
                        <!--<p class="text_three">-->
                        <!--<if condition="$vo.cost eq 0">免费<else/>¥{$vo.price}</if>-->
                        <!--</p>-->
                        <!--<p class="text_tip">新品上架</p>-->
                    </dd>
                </dl>
            </a>
    </div>
    <div class="title-txt"> 票总价 <span style="float: right"> &nbsp;&nbsp;&nbsp;¥{$order[0]['active_price']}</span></div>
    <div class="title-txt"> 优惠 <span style="float: right">-&nbsp;&nbsp;&nbsp;¥0.00</span></div>
    <div class="title-txt"> 订单实际金额 <span style="float: right;color: #ff5500"> &nbsp;&nbsp;&nbsp;¥{$order[0]['active_price']}</span></div>


    <div style="margin-top: 1em;padding-left:1em; color: #999;">
        <div class="title-txt"> 订单编号 ：<span style="margin-left: .5em;"> {$order[0]['order_sn']}</span></div>
        <div class="title-txt"> 创建时间 ：<span style="margin-left: .5em;">{:date('m月d日 H:i',$order[0]['add_time'])}</span></div>
        <div class="title-txt"> 支付方式 ：<span style="margin-left: .5em;">

            <if condition="$order[0]['pay_type']">
                {$order[0]['pay_type']}
                <else/>
                未支付
            </if>
        </span></div>

    </div>
    <div class="foot_btn">
        <a href="{:U('User/index')}">返回</a>
    </div>
    <script>
        function payment() {
        }
    </script>
</block>